﻿body {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9pt;
}
.container
{
    width:760px;
    min-height:800px;
    margin-right:auto;
    margin-left:auto;
}
.main
{
    -moz-border-radius: 6px 6px 6px 6px;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    border-bottom-right-radius:6px;
    border-bottom-left-radius:6px;
    background-color: #F7F7F7;
    border: 1px solid #EBECED;
    padding: 20px 10px;
    width:728px;
    height:800px;
}
.header
{
    min-height:70px;
    width:100%;
}
.profile_pic
{
    width:60px;
    height:60px;
    margin:5px;
    border-style:solid;
    border-color:#BFBFBF;
    border-width:0.5px;
    float:left;
}
.header-menu
{
     height:60px;
     width:680px;
     margin-right:5px;
     margin-top:5px;
     margin-bottom:5px;
     float: left;
}
/*Menu CSS*/

/* The CSS Code for the menu starts here */
#menu {
	font-family: Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0;
	list-style-type: none;
	background-color: #eee;
	font-size: 13px;
	height: 40px;
	margin-left:10px;
	margin-right:10px;
	width:500px;
}
#menu li {
	float: left;
	margin: 0;				
}
#menu li a {
	text-decoration: none;
	display: block;
	padding: 0 20px;
	line-height: 40px;
	color: #666;
}
#menu li a:hover, #menu li.active a {
	background-color: #f5f5f5;
	color: #999;
}
#menu_wrapper 
{
    background-color: #eee;
    width:680px;
    -moz-border-radius: 6px 6px 6px 6px;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    border-bottom-right-radius:6px;
    border-bottom-left-radius:6px;
}
#menu_wrapper div {float: left; height: 44px; width: 12px;}
/*------------------------------------------------------------------------------------------------------------------*/
.caption
{
    border-bottom-style:solid;
    border-bottom-width:2px;
    border-bottom-color:#ccc;
    width:720px;
    height:35px;
    margin-left:auto;
    margin-right:auto;
}
.footer
{
    border-top-style:solid;
    border-top-width:2px;
    border-top-color:#ccc;
    width:720px;
    height:35px;
    margin-left:auto;
    margin-right:auto;
}
.list_content
{
    width:720px;
    margin-right:auto;
    margin-left:auto;
    margin-top:5px;
    height:700px;
}
.left-column
{
    width:120px;
    float:left;
    height:500px;
}
.right-column
{
    width:595px;
    float:left;
    height:700px;
    margin-left:5px;
}
.left-title
{
    margin-top:5px;
    border-bottom-style:solid;
    border-bottom-width:0.5px;
    border-bottom-color:#ccc;
    font-size:14px;
    color: #666;
    text-align:center;
    padding-bottom:2px;
}
#left-menu
{
    margin:0;
    padding:0;
    list-style:none;
}
#left-menu li
{
    line-height:1.8
}
#left-menu li>a
{
    color:#2957CC;
    cursor:pointer;
    text-decoration:none;
}
.list-item
{
    width: 190px; 
    height: 190px;
    float: left;
    margin-left:6px;
    margin-bottom:4px;
    background-color:White;
}
.item-image
{
    border: 1px solid #92C7FA;
    margin-left: 5px;
    margin-right: 5px;
    margin-top:5px;
    margin-bottom:5px;
    width: 178px;
}
.item-content
{
    margin-left: 5px;
    margin-right: 5px;
    width: 178px;
}
.item-title
{
    line-height: 12px;
    font-size: 12px;
    font-weight: bold;
    color: #444444;
}
.item-location
{
    line-height: 12px;
    font-size: 12px;
    color: #888888;
}
.item-owner
{
    line-height: 12px;
    font-size: 12px;
    color: #444444;
}
a
{
    text-decoration:none;
}
/*--------------------------------------------------------------------------------------------------------------------------------
										Paginator
----------------------------------------------------------------------------------------------------------------------------------*/										
.pager {
	float: right;
	margin-bottom: 16px;
	margin-top: 10px;
}

.pagesize {
	float: right;
	margin-bottom: 16px;
	margin-top: 10px;
}

.paginator {
	font: 12px sans-serif;
	padding: 5px 0 10px;
}

.paginator .prev a, .paginator .prev a:visited, .paginator .next a, .paginator .next a:visited {
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	color: #777777;
	font: bold 100% sans-serif;
	padding: 2px 4px 3px;
}

.paginator .prev {
	margin-right: 0.5em;
}

.paginator .next {
	margin-left: 0.5em;
}

.paginator .page a, .paginator .page a:visited, .paginator .curr {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	color: #777777;
	font: 0.875em verdana;
	margin: 0 0.25em;
	padding: 0.25em;
}

.paginator .curr {
	background-color: #777777;
	border: 1px solid #777777;
	color: #FFFFFF;
	font-weight: bold;
}

.paginator .page a:hover, .paginator .prev a:hover, .paginator .next a:hover {
	background-color: #777777;
	border: 1px solid #777777;
	color: #FFFFFF;
	text-decoration: none;
}

.paginator .text {
	color: #777777;
	font: bold 100% sans-serif;
	padding: 0.3em;
}

.paginator-container-left {
	padding: 5px 0 10px;
}
/*----------------------------------------------End of Paginator----------------------------------------------------------------*/
.detail
{
    width: 600px;
    height: 650px;
    margin-left:5px;
}
.detail-cell
{
	float:left;
	padding:5px 10px;
	font-size: 13px; 
	color: #718fb3;
	border-style: none;
	width: 390px;
}
.detail-info
{
	float:left;
	width:400px;
	min-height:400px;
}
.detail-image
{
    width: 200px;
    height: 300px;
    float: left;
}
.detail-content
{
    float: left;
    width: 370px;
    border: 1px dashed #105da8;
    padding: 5px 10px;
    min-height: 20px;
    color: #000000;
    background-color: #ffffff;
}
.detail-title
{
    float: left;
    width: 390px;
    height: 20px;
}
.detail-icon
{
    float: left;
    padding: 1px 0;
}
.title
{
    float: left;
    padding: 3px 5px;
    font-style: italic;
    font-size: 12px;
}
.btRequest
{
    float: right;
    margin-right:20px;
    width:70px;
}
.offer-detail-popup
{
	float:left;
	width:350px;
	border:1px solid #105da8;
	background-color:#d4d4d4;
	min-height:400px;
	opacity:0.9;
}
.offer-detail-popup-name
{
	float:left;
	width:330px;
	padding:5px 10px;
	border-bottom:1px solid #105da8;
	background-color:#a29e9e;
	min-height:20px;
	font-size: 14px; 
	color: #000000; 
	font-weight: bold; 
	text-decoration: none;
}
.offer-detail-popup-cell
{
	float:left;
	width:330px;
	padding:5px 10px;
	font-size: 13px; 
	color: #718fb3;  
}
.fb-logon-form
{
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}
.logon-form-title
{
    width: 300px;
    float: left;
    text-align: center;
}
.logon-form-left
{
    width: 100px;
    float: left;
    margin-top:10px;
    padding-top:10px;
}
.logon-form-right
{
    width: 199px; 
    float: left;
    margin-top:10px;
}
.logon-form-footer
{
    width: 200px;
    float: left;
    margin-top:20px;
    margin-left:100px;
}
.form-input
{
    width:190px;
    float:left;
}
.logon-form-register
{
    width: 300px;
    float: left;
    margin-top:20px;
    border-top-style:solid;
    border-top-width:1px;
    border-top-color:#ccc;
    text-align:center;
    padding-top:10px;
}
/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}